<template>
	<view class="all">
		<view class="select">
			<input type="text" class="input" placeholder="搜索关键字" />
			<view class="ipt iconfont icon-a-1-sousuo">
			</view>
		</view>
		<view class="message">
			<view class="message_word">
				<text class="message_information">关于调整我行ATM跨行取现手 续费收费标准的公示</text>
				<text class="data">2021-07-23</text>
			</view>
			<view class="imgs">
				<image class="message_img" src="../../static/images/information_1.png" mode=""></image>
			</view>
		</view>
		<view class="message">
			<view class="message_word">
				<text class="message_information">施辉:从固定成本率比较你家 公司能挣钱吗?</text>
				<text class="data">2021-11-01</text>
			</view>
			<view class="imgs">
				<image class="message_img" src="../../static/images/information_2.png" mode=""></image>
			</view>
		</view>
		<view class="message">
			<view class="message_word">
				<text class="message_information">陈款磊:从公牛电器被罚探讨 转售价格限制</text>
				<text class="data">2021-11-01</text>
			</view>
			<view class="imgs">
				<image class="message_img" src="../../static/images/information_3.png" mode=""></image>
			</view>
		</view>

		<view class="message">
			<view class="message_word">
				<text class="message_information">关于调整我行ATM跨行取现手 续费收费标准的公示</text>
				<text class="data">2021-07-23</text>
			</view>
			<view class="imgs">
				<image class="message_img" src="../../static/images/information_1.png" mode=""></image>
			</view>
		</view>
		<view class="message">
			<view class="message_word">
				<text class="message_information">施辉:从固定成本率比较你家 公司能挣钱吗?</text>
				<text class="data">2021-11-01</text>
			</view>
			<view class="imgs">
				<image class="message_img" src="../../static/images/information_2.png" mode=""></image>
			</view>
		</view>
		<view class="message">
			<view class="message_word">
				<text class="message_information">陈款磊:从公牛电器被罚探讨 转售价格限制</text>
				<text class="data">2021-11-01</text>
			</view>
			<view class="imgs">
				<image class="message_img" src="../../static/images/information_3.png" mode=""></image>
			</view>
		</view>

	</view>
</template>

<script>
</script>
<style lang="less" scoped>
	text {
		display: block;
	}

	.all {
		width: 750rpx;
		height: 100vh;
		margin: 0;
		background-color: #fff;

		.select {
			width: 677rpx;
			height: 80rpx;
			line-height: 80rpx;
			display: flex;
			justify-content: space-between;
			margin: 30rpx auto;
			font-size: 20rpx;
			border-radius: 50rpx;
			background-color: #f4f6f6;

			.input {
				height: 80rpx;
				line-height: 80rpx;
				padding-left: 36rpx;
			}
			
			.ipt {
				height: 80rpx;
				line-height: 80rpx;
				padding-right: 36rpx;
			}
		}

		.message {
			display: flex;
			width: 686rpx;
			height: 165rpx;
			margin: 25rpx auto;

			.message_word {
				flex: 1;
				display: flex;
				flex-direction: column;

				.message_information {
					color: #333;
					font-size: 24rpx;
				}

				.data {
					color: #bbbbbb;
					font-size: 24rpx;
					margin-top: 70rpx;
				}
			}

			.imgs {
				width: 250rpx;
				height: 160rpx;

				.message_img {
					width: 250rpx;
					height: 160rpx;

				}
			}
		}


	}
</style>
